{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{{ order.number }}{% endblock %}
{% block content %}
<header class="person-head">
  <div>
    <p class="muted" style="margin:0 0 4px"><span class="num">{{ order.number }}</span>, {% blocktranslate trimmed with date=order.created_at|date:"j M Y, H:i" %}taken {{ date }}{% endblocktranslate %}{% if order.created_by %}, {{ order.created_by.display_name }}{% endif %}</p>
    <h1>{% blocktranslate trimmed with name=order.contact.name %}Order for {{ name }}{% endblocktranslate %}</h1>
    <div class="person-tags">
      <span class="pill o-{{ order.status }}">{{ order.get_status_display }}</span>
      {% if order.is_verified %}<span class="pill t-resolved">{% translate "Payment verified" %}</span>{% else %}<span class="pill t-open">{% translate "Payment not verified yet" %}</span>{% endif %}
    </div>
  </div>
  <div class="actions">
    {% if can_edit %}<a class="btn" href="{% url 'order_edit' order.pk %}">{% translate "Edit order" %}</a>{% endif %}
    <a class="btn btn-quiet" href="{{ order.contact.get_absolute_url }}">{{ order.contact.name }}</a>
  </div>
</header>

<div class="split">
  <section>
    <div class="table-wrap">
      <table>
        <thead><tr><th>{% translate "Item" %}</th><th class="right">{% translate "How many" %}</th><th class="right">{% translate "Price each (TZS)" %}</th><th class="right">{% translate "Line total" %}</th></tr></thead>
        <tbody>
        {% for i in order.items.all %}
          <tr><td>{{ i.name }}</td><td class="right num">{{ i.quantity }}</td><td class="right money">{{ i.unit_price|tzs }}</td><td class="right money">{{ i.line_total|tzs }}</td></tr>
        {% endfor %}
          <tr><td colspan="3" class="right"><strong>{% translate "Total" %}</strong></td><td class="right money"><strong>{{ order.total|tzs }}</strong></td></tr>
          <tr><td colspan="3" class="right">{% translate "Amount received" %}</td><td class="right money">{{ order.amount_received|tzs }}</td></tr>
          {% if order.balance %}<tr><td colspan="3" class="right">{% if order.balance > 0 %}{% translate "Still to pay" %}{% else %}{% translate "Paid more than the total" %}{% endif %}</td><td class="right money{% if order.balance > 0 %} esc-note{% endif %}">{{ order.balance|tzs }}</td></tr>{% endif %}
        </tbody>
      </table>
    </div>

    <section class="panel" style="margin-top:20px">
      <div class="panel-head"><h2>{% translate "Payment" %}</h2></div>
      <dl class="facts">
        <dt>{% translate "Medium" %}</dt><dd>{{ order.medium_label }}</dd>
        <dt>{% translate "Transaction ID" %}</dt><dd>{% if order.reference %}<span class="num">{{ order.reference }}</span><div class="muted small">{% blocktranslate trimmed with who=order.entered_by_name|default:"—" when=order.reference_entered_at|default:order.created_at|when %}entered by {{ who }}, {{ when }}{% endblocktranslate %}</div>{% else %}—{% endif %}</dd>
        {% if shared %}<dt>{% translate "Shared payment" %}</dt><dd>{% blocktranslate trimmed with total=shared.total|tzs %}One payment of {{ total }} pays for:{% endblocktranslate %}
          <ul class="share-parts">{% for p in shared_parts %}<li>{% if p.number == order.number %}{% blocktranslate trimmed with amount=p.amount_paid|tzs %}this order, {{ amount }}{% endblocktranslate %}{% elif p.number %}<a href="{{ p.get_absolute_url }}">{{ p.number }}</a>, {{ p.amount_paid|tzs }}{% else %}{% blocktranslate trimmed with name=p.contact.name amount=p.amount_paid|tzs %}gift from {{ name }}, {{ amount }}{% endblocktranslate %}{% endif %}</li>{% endfor %}</ul></dd>{% endif %}
        <dt>{% translate "Verified" %}</dt><dd>{% if order.is_verified %}{{ order.verified_at|when }}, {% if order.verified_automatically %}{% translate "automatically from the transaction ID" %}{% else %}{{ order.verified_by.display_name }}{% endif %}{% else %}{% translate "Not yet" %}{% endif %}</dd>
      </dl>
      {% if user.is_supervisor and order.status != "cancelled" %}
      <form method="post" style="margin-top:14px">{% csrf_token %}
        {% if order.is_verified %}
          {% if order.verified_automatically %}<p class="muted small">{% translate "If this transaction ID is not on the church’s statement, remove the verification." %}</p>{% endif %}
          <button class="btn btn-small" type="submit" name="action" value="unverify">{% translate "Remove verification" %}</button>
        {% else %}
          <p class="muted small">{% if order.method == "cash" %}{% translate "Cash: verify once the money has been handed in to the church." %}{% else %}{% translate "Check the transaction ID against the church’s mobile money or bank statement before verifying." %}{% endif %}</p>
          <button class="btn btn-primary" type="submit" name="action" value="verify">{% translate "Payment received and verified" %}</button>
        {% endif %}
      </form>
      {% endif %}
    </section>
  </section>

  <aside>
    <section class="panel">
      <div class="panel-head"><h2>{% translate "Delivery" %}</h2></div>
      <dl class="facts">
        <dt>{% translate "Deliver on" %}</dt><dd>{{ order.deliver_on|date:"l j M Y" }}</dd>
        <dt>{% translate "Location" %}</dt><dd>{{ order.location }}</dd>
        <dt>{% translate "Address" %}</dt><dd>{{ order.address }}</dd>
        <dt>{% translate "Phone" %}</dt><dd><a class="phone" href="tel:{{ order.receiver_phone|default:order.contact.phone }}">{{ order.phone_for_delivery }}</a></dd>
        {% if order.note %}<dt>{% translate "Note" %}</dt><dd>{{ order.note }}</dd>{% endif %}
        <dt>{% translate "Parcel ticket" %}</dt><dd>{% if order.parcel_ticket %}<strong class="num">{{ order.parcel_ticket }}</strong>{% if order.courier %}, {{ order.courier }}{% endif %}<div class="small muted">{{ order.dispatched_at|when }}{% if order.dispatched_by %}, {{ order.dispatched_by.display_name }}{% endif %}</div>{% else %}<span class="muted">{% translate "Not sent yet" %}</span>{% endif %}</dd>
        {% if order.delivered_at %}<dt>{% translate "Delivered" %}</dt><dd>{{ order.delivered_at|when }}{% if order.delivered_by %}, {{ order.delivered_by.display_name }}{% endif %}</dd>{% endif %}
      </dl>
    </section>
    {% if can_edit %}
    <form method="post" style="margin-top:20px">{% csrf_token %}
      <button class="btn btn-small btn-danger" type="submit" name="action" value="cancel" data-confirm="{% translate 'Cancel this order? The transporter will no longer see it.' %}">{% translate "Cancel order" %}</button>
    </form>
    {% endif %}
  </aside>
</div>
{% endblock %}